{% extends 'news/base.html' %}

{% block titleBlock %}
{% endblock %}

{% block scriptBlock %}
    <script type="text/javascript" src="../../static/news/js/index.js"></script>
{% endblock %}

{% block headerBlock %}
    <ul class="menu fl">
        {% for category in data.categories %}
            <li class="{% if category.active %}active{% endif %}" data-cid="{{ category.id }}"><a
                    href="javascript:;">{{ category.name }}</a></li>
        {% endfor %}
    </ul>
{% endblock %}

{% block contentBlock %}
    <ul class="list_con fl">
    </ul>
{% endblock %}

{##}
{#<!DOCTYPE html>#}
{#<html lang="en">#}
{#<head>#}
{#    <meta charset="UTF-8">#}
{#    <title>首页-新经资讯</title>#}
{#    <link rel="stylesheet" type="text/css" href="../../static/news/css/reset.css">#}
{#    <link rel="stylesheet" type="text/css" href="../../static/news/css/main.css">#}
{#    <script type="text/javascript" src="../../static/news/js/jquery-1.12.4.min.js"></script>#}
{#    <script type="text/javascript" src="../../static/news/js/main.js"></script>#}
{#    <script type="text/javascript" src="../../static/news/js/index.js"></script>#}
{#</head>#}
{#<body>#}
{#<div class="header_con">#}
{#    <div class="header">#}
{#        <a href="#" class="logo fl"><img src="../../static/news/images/logo.png" alt="logo"></a>#}
{#        <ul class="menu fl">#}
            {#            <li class="active" data-cid="0"><a href="javascript:;">最新</a></li>#}
            {#            <li data-cid="1"><a href="javascript:;">股市</a></li>#}
            {#            <li data-cid="2"><a href="javascript:;">债市</a></li>#}
            {#            <li data-cid="3"><a href="javascript:;">商品</a></li>#}
            {#            <li data-cid="4"><a href="javascript:;">外汇</a></li>#}
            {#            <li data-cid="5"><a href="javascript:;">公司</a></li>#}
{##}
{#            {% for category in data.category_li %}#}
{#                <li class="{% if loop.index0 == 0 %}active{% endif %}" data-cid="{{ category.id }}"><a#}
{#                        href="javascript:;">{{ category.name }}</a></li>#}
{#            {% endfor %}#}
{#        </ul>#}
        {# 判断用户是否登录 #}
{#        {% if data.user %}#}
            {# 如果登录，则显示用户信息 #}
{#            <div class="user_login fr">#}
{#                <img src="{% if data.user.avatar_url %}#}
{#                    {{ data.user.avatar_url }}{% else %}../../static/news/images/person01.png{% endif %}"#}
{#                     class="lgin_pic">#}
{#                <a href="#">{{ data.user.nick_name }}</a>#}
{#                <a href="javascript:;" onclick="logout()">退出</a>#}
{#            </div>#}
{#        {% else %}#}
            {# 如果没有登录，则显示登录注册按钮 #}
{#            <div class="user_btns fr">#}
{#                <a href="javascript:;" class="login_btn">登录</a> / <a href="javascript:;" class="register_btn">注册</a>#}
{#            </div>#}
{#        {% endif %}#}
{#    </div>#}
{#</div>#}
{##}
{#<div class="conter_con">#}
{#    <ul class="list_con fl">#}
{#        <li>#}
{#            <a href="#" class="news_pic fl"><img src="../../static/news/images/news_pic.jpg"></a>#}
{#            <a href="#" class="news_title fl">日本史上最大IPO之一要来了：软银计划将手机业务分拆上市软银计划将手机业务分拆上市</a>#}
{#            <a href="#" class="news_detail fl">据日经新闻网，软银计划让旗下核心业务移动手机部门SoftBank#}
{#                Corp.分拆上市，或募资2万亿日元(约180亿美元)。随着软银逐步向投资公司转型，此举旨在给手机业务部门更多自主权。</a>#}
{#            <div class="author_info fl">#}
{#                <div class="author fl">#}
{#                    <img src="../../static/news/images/person.png" alt="author">#}
{#                    <a href="#">乐鸣</a>#}
{#                </div>#}
{#                <div class="time fl">2017-01-01 00:00:00</div>#}
{#            </div>#}
{#        </li>#}
{#        <li>#}
{#            <a href="#" class="news_pic fl"><img src="../../static/news/images/news_pic.jpg"></a>#}
{#            <a href="#" class="news_title fl">日本史上最大IPO之一要来了：软银计划将手机业务分拆上市</a>#}
{#            <a href="#" class="news_detail fl">据日经新闻网，软银计划让旗下核心业务移动手机部门SoftBank#}
{#                Corp.分拆上市，或募资2万亿日元(约180亿美元)。随着软银逐步向投资公司转型，此举旨在给手机业务部门更多自主权。</a>#}
{#            <div class="author_info fl">#}
{#                <div class="source fl">#}
{#                    来源：广州日报#}
{#                </div>#}
{#                <div class="time fl">2017-01-01 00:00:00</div>#}
{#            </div>#}
{#        </li>#}
{#        <li>#}
{#            <a href="#" class="news_pic fl"><img src="../../static/news/images/news_pic.jpg"></a>#}
{#            <a href="#" class="news_title fl">日本史上最大IPO之一要来了：软银计划将手机业务分拆上市</a>#}
{#            <a href="#" class="news_detail fl">据日经新闻网，软银计划让旗下核心业务移动手机部门SoftBank#}
{#                Corp.分拆上市，或募资2万亿日元(约180亿美元)。随着软银逐步向投资公司转型，此举旨在给手机业务部门更多自主权。</a>#}
{#            <div class="author_info fl">#}
{#                <div class="author fl">#}
{#                    <img src="../../static/news/images/person.png" alt="author">#}
{#                    <a href="#">乐鸣</a>#}
{#                </div>#}
{#                <div class="time fl">2017-01-01 00:00:00</div>#}
{#            </div>#}
{#        </li>#}
{#        <li>#}
{#            <a href="#" class="news_pic fl"><img src="../../static/news/images/news_pic.jpg"></a>#}
{#            <a href="#" class="news_title fl">日本史上最大IPO之一要来了：软银计划将手机业务分拆上市</a>#}
{#            <a href="#" class="news_detail fl">据日经新闻网，软银计划让旗下核心业务移动手机部门SoftBank#}
{#                Corp.分拆上市，或募资2万亿日元(约180亿美元)。随着软银逐步向投资公司转型，此举旨在给手机业务部门更多自主权。</a>#}
{#            <div class="author_info fl">#}
{#                <div class="source fl">#}
{#                    来源：广州日报#}
{#                </div>#}
{#                <div class="time fl">2017-01-01 00:00:00</div>#}
{#            </div>#}
{#        </li>#}
{#    </ul>#}
{#    <div class="rank_con fr">#}
{#        <div class="rank_title">#}
{#            <h3>点击排行</h3>#}
{#        </div>#}
{#        <ul class="rank_list">#}
{#            {% for news in data.news_dict_li %}#}
{#                <li><span class="{{ loop.index0 | indexClass }}">{{ loop.index }}</span><a href="#">{{ news.title }}</a>#}
{#                </li>#}
{#            {% endfor %}#}
{#        </ul>#}
{#    </div>#}
{#</div>#}
{#<div class="footer">#}
{#    <div class="footer_links">#}
{#        <a href="">关于我们</a>#}
{#        <span>|</span>#}
{#        <a href="">联系我们</a>#}
{#        <span>|</span>#}
{#        <a href="">招聘人才</a>#}
{#        <span>|</span>#}
{#        <a href="">友情链接</a>#}
{#    </div>#}
{#    <p class="copyright">#}
{#        CopyRight © 2018 新经资讯信息技术有限公司 All Rights Reserved<br/>#}
{#        电话：010-****888 京ICP备*******8号#}
{#    </p>#}
{#</div>#}
{##}
{#<!-- 登录表单 -->#}
{#<form class="login_form_con">#}
{#    <div class="login_form">#}
{#        <div class="login_title">#}
{#            <h3>登 录</h3>#}
{#            <a href="javascript:;" class="shutoff"></a>#}
{#        </div>#}
{#        <div class="form_group">#}
{#            <input id="mobile" type="text" name="mobile" autocomplete="off">#}
{#            <div class="input_tip">手机号</div>#}
{#            <div id="login-mobile-err" class="error_tip">手机号不能为空</div>#}
{#        </div>#}
{#        <div class="form_group">#}
{#            <input id="password" type="password" name="password">#}
{#            <div class="input_tip">密码(不少于6位)</div>#}
{#            <div id="login-password-err" class="error_tip">密码不能为空</div>#}
{#        </div>#}
{#        <input type="submit" name="" value="登 录" class="input_sub">#}
{#        <div class="down_link">还没有账号？<a href="javascript:;" class="to_register">立即注册</a></div>#}
{#    </div>#}
{#    <div class="mask"></div>#}
{#</form>#}
{##}
{#<!-- 注册表单 -->#}
{#<form class="register_form_con">#}
{#    <div class="register_form">#}
{#        <div class="register_title">#}
{#            <h3>注 册</h3>#}
{#            <a href="javascript:;" class="shutoff"></a>#}
{#        </div>#}
{#        <div class="form_group">#}
{#            <input type="text" name="mobile" autocomplete="off" id="register_mobile" class="phone_input">#}
{#            <div class="input_tip">手机号</div>#}
{#            <div id="register-mobile-err" class="error_tip">手机号不能为空</div>#}
{#        </div>#}
{#        <div class="form_group">#}
{#            <input type="text" name="code_pwd" id="imagecode" class="code_pwd">#}
{#            <div class="input_tip">图形验证码</div>#}
{#            <img src="../../static/news/images/pic_code.png" class="get_pic_code" onclick="generateImageCode()">#}
{#            <div id="register-image-code-err" class="error_tip">图形码不能为空</div>#}
{#        </div>#}
{#        <div class="form_group">#}
{#            <input type="text" name="smscode" id="smscode" class="code_pwd">#}
{#            <div class="input_tip">手机验证码</div>#}
{#            <a href="javascript:;" class="get_code" onclick="sendSMSCode()">点击获取验证码</a>#}
{#            <div id="register-sms-code-err" class="error_tip">验证码不能为空</div>#}
{#        </div>#}
{#        <div class="form_group">#}
{#            <input type="password" name="password" id="register_password" class="pass_input">#}
{#            <div class="input_tip">密码(不少于6位)</div>#}
{#            <div id="register-password-err" class="error_tip">密码不能为空</div>#}
{#        </div>#}
{#        <div class="form_group2 clearfix">#}
{#            <input type="checkbox" class="agree_input" checked>#}
{#            <p>同意使用条款，并已阅读"跟帖评论自律管理承诺书"</p>#}
{#            <div class="error_tip">请勾选</div>#}
{#        </div>#}
{#        <input type="submit" name="" value="注 册" class="input_sub">#}
{#        <div class="down_link">已有账号？<a href="javascript:;" class="to_login">立即登录</a></div>#}
{#    </div>#}
{#    <div class="mask"></div>#}
{#</form>#}
{#</body>#}
{#</html>#}